<template>
    <div class="wrap">
        <div class="top"></div>
        <router-view></router-view>
        <div class="menu">
            <router-link to="/intelligentDetection" style="color:white">智能检测</router-link>
            <router-link to="/jobDirection">就业态势</router-link>
            <router-link to="/safeManage">安防管理</router-link>
            <router-link to="/equipment">设备运维</router-link>
        </div>
    </div>
</template>
<script setup lang="ts">
</script>
<style scoped>
.wrap {
    width: 100%;
    height: 100%;
    position: relative;
}

.top {
    width: 100%;
    height: 160px;
    background: url('@/assets/image/Photo／背景／Top@2x.png') no-repeat;
    background-size: 100% 100%;
    position: absolute;
    z-index: 200;
}

.menu {
    width: 50%;
    height: 10%;
    position: absolute;
    bottom: 0;
    left: 50%;
    background: url('@/assets/image/菜单栏.png') no-repeat;
    background-size: 100% 100%;
}
</style>
